@reference '../../globals.css';

.tweetCard :global(.react-tweet-theme) {
  @apply max-w-0 min-w-full border-0 border-none font-sans text-base;
  --tweet-container-margin: 0;
  --tweet-body-font-size: 1rem;
  --tweet-body-line-height: 1.5rem;
  --tweet-actions-font-weight: 600;
  --tweet-font-color: #334155;
  --tweet-font-color-secondary: #64748b;
  --tweet-bg-color-hover: #f3f4f6;
  --tweet-quoted-container-margin: 0;
  --tweet-bg-color: #fff;
  --tweet-bg-color-hover: #fff;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-container_article__'] {
  @apply p-4;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-header_follow__'],
.tweetCard :global(.react-tweet-theme) [class^='tweet-header_authorLinkText__'] {
  @apply font-semibold;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-replies_replies__'],
.tweetCard :global(.react-tweet-theme) [class^='tweet-info_infoLink__'],
.tweetCard :global(.react-tweet-theme) [class^='tweet-header_authorFollow__'] {
  @apply hidden;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-header_author__'] {
  @apply mx-2 justify-start;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-info_info__'] {
  @apply mt-3 mb-1;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-actions_likeCount__'] {
  @apply m-0;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-actions_actions__'] {
  @apply flex-wrap;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-actions_like__'],
.tweetCard :global(.react-tweet-theme) [class^='tweet-actions_reply__'] {
  @apply mr-3;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-actions_copy__'] {
  @apply mr-0;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-header_avatar__'] {
  @apply aspect-square;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-header_avatarOverflow__'] > img {
  @apply border-none;
}

.tweetCard :global(.react-tweet-theme) [class^='quoted-tweet-container_root'] {
  @apply mt-4;
}

.tweetCard :global(.react-tweet-theme) [class^='quoted-tweet-container_root__'] {
  @apply p-4;
}

.tweetCard :global(.react-tweet-theme) [class^='quoted-tweet-body_root__'],
.tweetCard :global(.react-tweet-theme) [class^='quoted-tweet-header_header___'] {
  @apply px-0;
}

.tweetCard :global(.react-tweet-theme) [class^='quoted-tweet-header_header___'] {
  @apply pt-0;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-actions_replyText__'],
.tweetCard :global(.react-tweet-theme) [class^='tweet-actions_copyText__'] {
  @apply ml-0;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-not-found_root'] {
  @apply pb-0;
}

.tweetCard :global(.react-tweet-theme) [class^='tweet-not-found_root'] > p {
  @apply mb-0;
}
